<script src="/js/jquery.validate.js" type="text/javascript"></script>
<script src="/js/common.js" type="text/javascript"></script>
<script src="/js/academico/usuario/myaccount.js" type="text/javascript"></script>
<style type="text/css">
    .input-group-addon
    {
        background-color: rgb(50, 118, 177);
        border-color: rgb(40, 94, 142);
        color: rgb(255, 255, 255);
    }
    .form-control:focus
    {
        background-color: rgb(50, 118, 177);
        border-color: rgb(40, 94, 142);
        color: rgb(255, 255, 255);
    }

    .form-signup input[type="text"],.form-signup input[type="password"] { border: 1px solid rgb(50, 118, 177); }
</style>
<div class="text-center">
    <h2>Mi Cuenta</h2>
</div>
<br />

<form id="form-info" class="form form-signup" role="form">
    <div class="row">    
        <div class="row-fluid">
            <div class="col-md-offset-3 col-md-9 col-sm-12 col-xs-12">
                <h5><strong>Nombre de usuario</strong></h5>
            </div>
            <div class="col-md-offset-3 col-md-6 col-sm-12 col-xs-12">
                <input id="username" name="username" type="text" class="form-control" placeholder="Nombre de Usuario" value="<?php echo $this->username; ?>" disabled />
            </div>    
        </div>
        <div class="row-fluid">
            <div class="col-md-offset-3 col-md-9 col-sm-12 col-xs-12">
                <h5><strong>Email</strong></h5>
            </div>
            <div class="col-md-offset-3 col-md-6 col-sm-12 col-xs-12">
                <input id="email" name="email" type="text" class="form-control" placeholder="Email" value="<?php echo $this->email; ?>" />
            </div>
        </div>
        <div class="row-fluid">
            <div class="col-md-offset-3 col-md-9 col-sm-12 col-xs-12">
                <h5><strong>Nombre</strong></h5>            
            </div>
            <div class="col-md-offset-3 col-md-6 col-sm-12 col-xs-12">
                <input id="nombre" name="nombre" type="text" class="form-control" placeholder="Nombre" value="<?php echo $this->nombre; ?>"/>
            </div>
        </div>
        <div class="row-fluid">
            <div class="col-md-offset-3 col-md-9 col-sm-12 col-xs-12">
                <h5><strong>Apellido</strong></h5>            
            </div>
            <div class="col-md-offset-3 col-md-6 col-sm-12 col-xs-12">
                <input id="apellido" name="apellido" type="text" class="form-control" placeholder="Apellido" value="<?php echo $this->apellido; ?>"/>
            </div>        
        </div>    
    </div>
    <div class="row">
        <div class="col-md-offset-3 col-md-6 col-sm-12 col-xs-12">
            <br/>
            <a id="btnaplicar" href="<?php echo $this->url(array('module' => 'academico', 'action' => 'index', 'controller' => 'changepass')); ?>" ><strong>Cambiar Contrase&ntilde;a</strong></a>
        </div>    
    </div>
    <div class="row">
        <div id="alert"></div>
    </div>
    <div class="row">
        <div class="col-md-offset-3 col-md-6 col-sm-12 col-xs-12">
            <br/>
            <a id="btnaplicar" href="#" class="btn btn-sm btn-primary btn-block" role="button" onclick="actualizarDatos();">Aplicar Cambios</a>
        </div>    
    </div>
    <br/>
</form>